
/* 内容块背景*/
.bg2{
    height: 900px;
    background-color:#b2c6b7;
    position: relative;
}
.bg2::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('../img/article-bg2.jpg');
    background-position:50% 30%;
    background-size: cover;
    opacity: 0.5;
}
.bg3{
    height: 900px;
    background-color:#b2c6b7;
    position: relative;
}
.bg3::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('../img/bg3.jpg');
    background-position:50% 30%;
    background-size: cover;
    opacity: 0.5;
}
.content2{
    position: relative;
    z-index: 1; /* 确保内容在图片上方 */
}
.manager-an {
    /* 设置合适的按钮的长和宽 */
    width: 50px;
    /* height: 30px; */
    text-transform: uppercase;
    border: 3px solid #FFFFFF; /* 设置按钮的边界粗细和颜色 */
    text-align: center;
    /* 设置按钮里面字体颜色 */
    color: black;
    border-radius: 20px; /* 将按钮的左右边框设置为圆弧 */
    cursor: pointer;
    /* 圆角弧度24px */
    transition:0.2s;
    /* 设置按钮背景为透明 */
    background:rgba(0,0,0,0);
}
.manager-an.one {
    background-color: #00CFFF;
}

.manager-an.two {
    background-color: #76b989;
}

.manager-an.three {
    background-color: #eaee89;
}

.manager-an.four {
    background-color: #f38fa1;
}

.manager-an:hover {
    background: black; /* 鼠标悬停时的背景颜色 */
    color: #FFFFFF; /* 鼠标悬停时的文本颜色 */
    border-color: #ed8f87; /* 鼠标悬停时的边界颜色 */
}